<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script src="mobiscroll/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="mobiscroll/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link href="mobiscroll/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="mobiscroll/js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="mobiscroll/js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
    <script src="mobiscroll/js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
    <link href="mobiscroll/css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
    <div class="center-top-title">
        主人资料
        <a class="r" href="">
            保存
        </a>
    </div>
    <br class="clear">
</div>
<div id="body">
    <form class="master-setting">
        <div class="group">
            <div class="item">
                <span class="name">昵称</span>
                <input class="ipt" placeholder="请输入昵称">
            </div>
            <div class="item">
                <span class="name">邮箱</span>
                <input class="ipt" placeholder="请输入邮箱">
            </div>
            <div class="item">
                <span class="name">性别</span>
                <select class="select" name="sex">
                    <option>保密</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </div>
            <div class="item">
                <span class="name">养狗经验</span>
                <select class="select" name="sex">
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                    <option>24个月</option>
                </select>
            </div>
            <div class="item">
                <span class="name">生日</span>
                <input class="ipt" id="appDate" placeholder="请输入邮箱">
            </div>
            <div class="item">
                <span class="name">职业</span>
                <input class="ipt" placeholder="请输入你的职业">
            </div>
        </div>
    </form>
</div>
<div class="h10"></div>
<div id="footer-margin-top"></div>
<div id="footer">
    <a href="首页.html" class="footer-btn footer-find">
        <center class="">
            <div class="footer-btn-img"></div>
            <div class="footer-btn-text">寻缘</div>
        </center>
    </a>
    <a href="dynamic.html" class="footer-btn footer-dynamic">
        <center class="">
            <div class="footer-btn-img"></div>
            <div>动态</div>
        </center>
    </a>
    <div class="footer-btn footer-release-btn">
        <center>
            <img src="image/btn_new_normal.png">
        </center>
    </div>
    <a href="javascript:void(0);" class="footer-btn footer-message">
        <center class="">
            <div class="footer-btn-img"></div>
            <div>消息</div>
        </center>
    </a>
    <a href="javascript:void(0);" class="footer-btn footer-me">
        <center class="active">
            <div class="footer-btn-img"></div>
            <div>我</div>
        </center>
    </a>
    <br class="clear">
</div>
</body>
</html>
<script>
    $(function () {
        var currYear = (new Date()).getFullYear();
        var opt={};
        opt.date = {preset : 'date'};
        opt.datetime = {preset : 'datetime'};
        opt.time = {preset : 'time'};
        opt.default = {
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式
            mode: 'scroller', //日期选择模式
            lang:'zh',
            startYear:currYear - 10, //开始年份
            endYear:currYear + 10 //结束年份
        };
        $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
    });
</script>

</script>